<template>
  <div class="search-header">
    <i class="iconfont icon-saoyisao2 scanning"></i>
    <div class="search-area">
      <i class="iconfont icon-sousuo search-icon"></i>
      <input class="serarch-params" type="text" placeholder="请输入搜索条件">
    </div>
    <i class="iconfont icon-wodefankui message"></i>
  </div>
</template>

<script>
/**
* descripe:顶部搜索
* date: 2019-
* author: yezhanxiang
*/
  export default {
    data () {
      return {
      }
    },
    components: {

    },
    watch: {

    },
    created () {

    },
    methods: {

    }
  }
</script >

<style lang='stylus' scoped>
.search-header
  position: fixed
  top: 0
  width 100%
  z-index: 2
  display flex
  justify-content space-between
  align-items center
  line-height 0.8rem
  height 0.8rem
  background-color: rgb(255, 255, 255);
  .scanning
    font-size 0.5rem
    margin-left 0.1rem
  .search-area
    position relative
    .search-icon
      position absolute
      left 0.2rem
      font-size 0.4rem
    .serarch-params
      background-color #dfe2e3
      height 0.6rem
      width 4.5rem
      border-radius 0.25rem
      padding-left 0.7rem
      padding-right 0.5rem
  .message
    font-size 0.5rem
    margin-right 0.1rem
</style>
